<script setup lang="ts">
const props = defineProps({
  title: {
    type: String,
    default: '',
  },
  color: {
    type: String,
    default: '#333333',
  },
})
const { title, color } = toRefs(props)
</script>

<template>
  <view class="flex items-center justify-between pt-4">
    <view class="flex items-center">
      <view class="flex items-center rounded-sm bg-black px-[5px] py-[2px]">
        <text class="text-xs text-white">门店</text>
      </view>
      <view class="ml-2">
        <text class="text-lg" :style="{ color }">
          {{ title }}
        </text>
      </view>
    </view>
    <slot name="suffix" />
  </view>
</template>

<style scoped lang="scss"></style>
